<template>
  <div style="padding: 10px">
    <row>
      <i-col>
        <Card :border="false">
          <h1 slot="title">更新日志</h1>
          <Icon></Icon>
          <div style="padding: 10px">
            <Timeline :pending="true">
              <TimelineItem v-for="(i,index) in tipList" :key="i.sysVersion" :color="index?'#d2d2d2':'#19be6b'">
                <Icon type="ios-checkmark-circle" size="20" v-if="!index" slot="dot"></Icon>
                <div>
                  <div style="font-size: 20px;font-weight: 400;margin-right: 5px;margin-top: -8px;">{{i.sysVersion}}</div>
                  <Tag style="margin: 15px 0;">{{i.versionDate}}</Tag>
                  <ul>
                    <li style="margin: 5px 20px;" v-for="(tip,k) in i.explainList" :key="k">
                      {{tip}}
                    </li>
                  </ul>
                </div>
              </TimelineItem>
              <TimelineItem><a href="#">查看更多</a></TimelineItem>
            </Timeline>
          </div>
        </Card>
      </i-col>
    </row>
  </div>
</template>
<script>
  import data from "../home/planData/planData";

  export default {
    data() {
      return {
        tipList: []
      }
    },
    methods: {
      getTipList() {
        $.get('../api/requiremanage/getSysteamVersion', {} ,(data) => {
          if(data.code === 400) {
            this.$Notice.error({
              title: data.data
            });
          } else {
            this.tipList = data.data.reverse()
          }
        })
      }
    },
    mounted() {
      this.getTipList();
    }
  }
</script>


<style scoped>

</style>
